<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">-->

    <title>注册</title>

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/style-common.css">
    <link rel="stylesheet" type="text/css" href="css/style-reg.css">



    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/commn.js"></script>
    <script src="js/reg.js"></script>

</head>
<body>
<div id="head-wrapper">
    <div class="head">
        <div class="head-l">
            <a href="#" id="login">登录</a>
            <span>|</span>
            <a href="#" id="reg">免费注册</a>
        </div>
        <ul class="head-r">
            <li>
                <a href="#">设为首页</a>
            </li>
            <li>
                <a href="#">加入收藏</a>
            </li>
            <li>
                <a href="#">在线留言</a>
            </li>
            <li>
                <a href="#">企业位置</a>
            </li>
            <li>
                <a href="#">手机站</a>
            </li>
        </ul>

    </div>
</div>
<div id="logo-wrapper">
    <div class="logo">
        <div class="logo1">
            <a href="images/logo.png">
                <h1>天狗商城</h1>
            </a>
        </div>
        <form>
            <input type="text" class="tet"/>
            <input type="submit" value="搜索" class="sum"/>
        </form>
        <div class="buy">
            <img src="images/buy.png" alt="">
            <a href="#">我的购物车<span>0</span>件商品</a>
            <div>&gt;</div>
        </div>
    </div>
</div>
<div id="inner-wrapper">
    <div class="inner">
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">商品商城</a>
            </li>
            <li>
                <a href="#">服装超市</a>
            </li>
            <li>
                <a href="#">公司新闻</a>
            </li>
            <li>
                <a href="#">人才招聘</a>
            </li>
            <li>
                <a href="#">在线留言</a>
            </li>
            <li>
                <a href="#">关于我们</a>
            </li>
            <li>
                <a href="#">外卖来了</a>
            </li>
            <li>
                <a href="#">场地预订</a>
            </li>
        </ul>
    </div>
</div>
<div id="main-wrapper">
    <div class="main">
        <h4><span>  |  </span>注册</h4>
        <form class="regfor">
        <h3>会员注册！已有账号？<a href="#">现在登录</a></h3>
        用户名<span class="xin"> * </span><input type="text" name="username" id="username" class="form-control"/>
        <p id="sp">6~20个字符，可使用字母、数字、下划线</p><br>
        密码<span class="xin"> * </span><input type="password" name="userpwd" id="userpwd" class="form-control"/>
        <p>6~16个字符，区分大小写</p><br>
        重复密码<span class="xin"> * </span><input type="password" name="userpwd1" id="userpwd1" class="form-control"/><br>
        邮箱<span class="xin"> * </span><input type="email" name="useremail" id="useremail" class="form-control"/><br>
        <input type="checkbox" class="che" /><p class="agree">同意'服务条款'并完全接受服务协议</p><br>
        <textarea id="tips" cols="70" rows="10" >特别提示：
您在使用天狗商城提供的各项服务之前，请您务必审慎阅读、充分理解本协议各条款内容，特别是以粗体标注的部分，包括但不限于免除或者限制责任的条款。如您不同意本服务协议及/或随时对其的修改，您可以主动停止使用百度提供的服务；您一旦使用百度服务，即视为您已了解并完全同意本服务协议各项内容，包括天狗商城对服务协议随时所做的任何修改，并成为天狗商城用户。
一、总则
1．1　用户应当同意本协议的条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中点击"同意"按钮即表示用户与百度公司达成协议，完全接受本协议项下的全部条款。
1．2　用户注册成功后，天狗商城将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。
1．3　用户一经注册天狗商城帐号，除非子频道要求单独开通权限，用户有权利用该帐号使用天狗商城各个频道的单项服务，当用户使用天狗商城各单项服务时，用户的使用行为视为其对该单项服务的服务条款以及天狗商城在该单项服务中发出的各类公告的同意。
1．4　天狗商城会员服务协议以及各个频道单项服务条款和公告可由天狗科技有限公司定时更新，并予以公示。您在使用相关服务时,应关注并遵守其所适用的相关条款。
二、注册信息和隐私保护
2．1　天狗商城帐号（即天狗商城用户ID）的所有权归天狗商城网络科技有限公司，用户按注册页面引导填写信息，阅读并同意本协议且完成全部注册程序后，即可获得天狗商城帐号并成为天狗商城用户。用户应提供及时、详尽及准确的个人资料，并不断更新注册资料，符合及时、详尽准确的要求。所有原始键入的资料将引用为注册资料。如果因注册信息不真实或更新不及时而引发的相关问题，天狗商城不负任何责任。用户应当通过真实身份信息认证注册帐号，且用户提交的帐号名称、头像和简介等注册信息中不得出现违法和不良信息，经天狗商城审核，如存在上述情况，天狗商城将不予注册；同时，在注册后，如发现用户以虚假信息骗取帐号名称注册，或其帐号头像、简介等注册信息存在违法和不良信息的，天狗商城科技有限公司有权不经通知单方采取限期改正、暂停使用、注销登记、收回等措施。
2．2　天狗商城帐号包括帐户名称和密码，您可使用设置的帐户名称（包括用户名、手机号、邮箱）和密码登录天狗商城；在帐号使用过程中，为了保障您的帐号安全基于不同的终端以及您的使用习惯，我们可能采取不同的验证措施识别您的身份。例如您的帐户在新设备首次登录，我们可能通过密码加校验码的方式识别您的身份，验证方式包括但不限于短信验证码、服务使用信息验证。
2．3　用户不应将其帐号、密码转让、出售或出借予他人使用，若用户授权他人使用帐户，应对被授权人在该帐户下发生所有行为负全部责任。由于帐号关联用户使用信息，仅当依法律法规、司法裁定或经天狗商城网络科技有限公司同意，并符合天狗商城规定的用户帐号转让流程的情况下，方可进行帐号的转让。
2．4　因您个人原因导致的帐号信息遗失，如需找回天狗商城帐号信息，请按照天狗商城帐号找回要求提供相应的信息，并确保提供的信息合法真实有效，若提供的信息不符合要求，无法通过天狗商城安全验证，天狗商城有权拒绝提供帐号找回服务；若帐号的唯一凭证不再有效，天狗商城有权拒绝支持帐号找回。例如手机号二次出售，天狗商城可拒绝支持帮助找回原手机号绑定的帐号。
2．5　为了防止资源占用，如您连续六个月未使用您的天狗商城帐号或未通过天狗商城认可的其他方式登录过您的天狗商城帐户，天狗商城有权对该帐户进行注销，您将不能再通过该帐号登录名登录本网站或使用相关服务。如该帐户有关联的理财产品、待处理交易或余额，天狗会在合理范围内协助您处理，请您按照天狗商城提示的方式进行操作。</textarea><br>
        验证码<span id="radom"><a href="javascript:;" onclick="test()">点击获取验证码</a></span><input type="text" class="yan form-control" id="yan"/><br>
            <input type="button" id="btn" value="注册"/>

    </form>
        <div class="tishi">
            <div id="nameti">
                不能为空<br>
                6~20个字符，可使用字母、数字、下划线
            </div>
            <div id="pwdti">
               不能为空<br>
                密码格式有误
            </div>
            <div id="agiti">
                不能为空<br>
                <div>密码格式有误</div>
                <div>*请输入与上面相同的密码</div>
            </div>
            <div id="emati">
               不能为空<br>
                邮箱格式有误
            </div>
            <div id="aggti">
                *请选择1个项目
            </div>
            <span class="oy">验证码错误</span>
        </div>
    </div>

</div>
<div id="bottom-wrapper">
    <div class="bottom">
        <div class="bt">
            <a href="#">关于我们</a>
            <a href="#">经典案例</a>
            <a href="#">新闻动态</a>
            <a href="#">服务项目</a>
            <a href="#">咨询团队</a>
            <a href="#">联系我们</a>
        </div>
        <h6>Copyright@2017  . All rights reserved.</h6>
        <span>天狗商城</span>
        <div class="bt1"><a href="#">技术支持：上海鲸米网络科技有限公司</a>
            <span>|</span>
            <a href="#">管理登录</a>
        </div>
    </div>
</div>
<div id="share-wra">
    <div class="share">分享</div>
    <div class="showbox">
        <h4>分享到</h4>
        <ul>
            <li>
                <a href="#">一键分享</a>
            </li>
            <li>
                <a href="#">QQ空间</a>
            </li>
            <li>
                <a href="#">新浪微博</a>
            </li>
            <li>
                <a href="#">百度云收藏</a>
            </li>
            <li>
                <a href="#">微信</a>
            </li>
            <li>
                <a href="#">人人网</a>
            </li>
            <li>
                <a href="#">腾讯微博</a>
            </li>
            <li>
                <a href="#">百度相册</a>
            </li>
            <li>
                <a href="#">开心网</a>
            </li>
            <li>
                <a href="#">腾讯朋友</a>
            </li>
            <li>
                <a href="#">百度贴吧</a>
            </li>
            <li>
                <a href="#">豆瓣网</a>
            </li>
            <li>
                <a href="#">百度新首页</a>
            </li>
            <li>
                <a href="#">QQ好友</a>
            </li>
            <li>
                <a href="#">和讯微博</a>
            </li>
            <li>
                <a href="#">百度中心</a>
            </li>
        </ul>
        <div class="smore">
            <a href="#" class="smorea">更多...</a>
        </div>
    </div>
</div>

<div class="morebox">
    <div class="stit">
        <p>分享到</p>
        <a href="#">X</a>
    </div>
    <ul>
        <li>
            <a href="#">一键分享</a>
        </li>
        <li>
            <a href="#">QQ空间</a>
        </li>
        <li>
            <a href="#">新浪微博</a>
        </li>
        <li>
            <a href="#">百度云收藏</a>
        </li>
        <li>
            <a href="#">微信</a>
        </li>
        <li>
            <a href="#">人人网</a>
        </li>
        <li>
            <a href="#">腾讯微博</a>
        </li>
        <li>
            <a href="#">百度相册</a>
        </li>
        <li>
            <a href="#">开心网</a>
        </li>
        <li>
            <a href="#">腾讯朋友</a>
        </li>
        <li>
            <a href="#">百度贴吧</a>
        </li>
        <li>
            <a href="#">豆瓣网</a>
        </li>
        <li>
            <a href="#">百度新首页</a>
        </li>
        <li>
            <a href="#">QQ好友</a>
        </li>
        <li>
            <a href="#">和讯微博</a>
        </li>
        <li>
            <a href="#">百度中心</a>
        </li>
        <li>
            <a href="#">美丽说</a>
        </li>
        <li>
            <a href="#">蘑菇街</a>
        </li>
        <li>
            <a href="#">点点网</a>
        </li>
        <li>
            <a href="#">花瓣</a>
        </li>
        <li>
            <a href="#">堆糖</a>
        </li>
        <li>
            <a href="#">和讯</a>
        </li>
        <li>
            <a href="#">飞信</a>
        </li>
        <li>
            <a href="#">有道云笔记</a>
        </li>
        <li>
            <a href="#">麦库记事</a>
        </li>
        <li>
            <a href="#">轻笔记</a>
        </li>
        <li>
            <a href="#">人民微博</a>
        </li>
        <li>
            <a href="#">新华微博</a>
        </li>
        <li>
            <a href="#">邮件分享</a>
        </li>
        <li>
            <a href="#">我的搜狐</a>
        </li>
        <li>
            <a href="#">摇篮空间</a>
        </li>
        <li>
            <a href="#">若邻网</a>
        </li>
        <li>
            <a href="#">天涯社区</a>
        </li>
        <li>
            <a href="#">股吧</a>
        </li>
        <li>
            <a href="#">Facebook</a>
        </li>
        <li>
            <a href="#">Twitter</a>
        </li>
        <li>
            <a href="#">linkedin</a>
        </li>
        <li>
            <a href="#">网易热</a>
        </li>
        <li>
            <a href="#">印象笔记</a>
        </li>
        <li>
            <a href="#">复制网址</a>
        </li>
        <li>
            <a href="#">打印</a>
        </li>
    </ul>
    <div class="b-share">
        <a href="#" class="b-share">百度分享</a>
    </div>
</div>

<div class="yuan">
    <a href="javascript:;" onclick="test()">×</a>
</div>

<div class="info">
    <a href="#" class="arrow1"><i class="iconfont">&#xe66c;</i></a>
    <ul>
        <li class="pho">
            <a href="#" class="iconfont">&#xe663;</a>
            <div class="tel hide">
                <h3>电话直呼</h3>
                <h6>15000499950</h6>
            </div>
        </li>
        <li class="icons">
            <a href="#" class="iconfont">&#xe660;</a>
            <a href="#" class="h1 hide">在线留言</a>
        </li>
        <li>
            <a href="#" class="iconfont">&#xe6eb;</a>
            <a href="#" class="h2 hide">发送邮件</a>
        </li>
        <li>
            <a href="#" class="iconfont">&#xe65c;</a>
            <a href="#" class="h3 hide">企业位置</a>
        </li>
    </ul>
    <a href="#" class="arrow2"><i class="iconfont">&#xe6ea;</i></a>
</div>

<div class="top-return">
    <a href="#">
        <img src="images/return.png" alt="">
    </a>
</div>
</body>
</html>